/* 字体颜色 */
.color0 {
	color: #000000;
}

.color3 {
	color: #333333;
}

.color6 {
	color: #666666;
}

.color9 {
	color: #999999;
}

.colorA {
	color: #aaaaaa;
}

.colorC {
	color: #cccccc;
}

.colorE {
	color: #eeeeee;
}

.colorF {
	color: #ffffff;
}

.colorZ {
	color: #FF4735;
}

.colorVIP {
	color: #ffdd99;
}

/* 背景颜色 */
.main-bg {
	background-color: #FF4735;
}

.box-bg {
	background-color: #ffffff;
}

.page-bg {
	background-color: #ededed;
}

.bg-white {
	background-color: white;
}

/* .box-bg {
	background-color: #1b1c31;
} */

.lock-bg {
	background-color: #676869;
}

.box-vip {
	background-color: #3c3625;
}

.box-org {
	background-color: #ff6600;
}

.blur-bg {
	filter: blur(60px);
}

.btn-m-bg {
	background-image: linear-gradient(to bottom, #e3ba81, #d6a167);
}

.btn-video-bg {
	background-color: #f1f2f3;
}

.pay-bg {
	background-color: #3c3625;
}

.bg-f3 {
	background-color: #f3f4f5;
}
.bg-17{
	background-color: #171717;
}
.vip-bg {
	background-image: linear-gradient(to bottom, #b8965c, #9b7735);
}

.vip-tag {
	background-image: linear-gradient(to bottom, #DFB074, #C39651);
}

.vip-bg1 {
	background-image: linear-gradient(to bottom, #b8965c, #9b7735);
}

.qrcode-bg {
	background-image: radial-gradient(circle, #ffffff, #9b7735);
}

.border-bg-liner {
	background-image: linear-gradient(to bottom right, #1b1c31, #25263b);
}

.border-liner {
	background-image: linear-gradient(to bottom right, #2b271e 70%, #614b21);
}

.account-bg {
	background-image: linear-gradient(to top left, #1b1c31, #25263b, #1b1c31);
}

.account-btn-bg {
	background-color: #7e612a;
}

.chooseBg {
	background-color: rgba(0, 0, 0, 0.5);
}

.title-bg {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.9));
}

.star-bg {
	background-color: #ffffff;
}

.time-free-bg{
	background-color:#27C916 ;
}

.video-vip-bg{
	background-color: #DFB074;
}

.pull-bg{
	background-color: rgba(0, 0, 0, 0.3);
}

/* 透明度 */
.opt5 {
	opacity: 0.5;
}

/* flex 布局 */
.flex {
	/* #ifndef APP-PLUS-NVUE */
	display: flex !important;
	/* #endif */
	flex-direction: row !important;
}

.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-between {
	justify-content: space-between;
}

.justify-center {
	justify-content: center;
}

.align-center {
	align-items: center !important;
}

.align-stretch {
	align-items: stretch;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

/* #ifndef APP-PLUS-NVUE */
.content-start {
	align-content: flex-start;
}

.content-end {
	align-content: flex-end;
}

.content-center {
	align-content: center;
}

.content-between {
	align-content: space-between;
}

.content-around {
	align-content: space-around;
}

.content-stretch {
	align-content: stretch;
}

/* #endif */
.flex-1 {
	flex: 1 !important;
}

.flex-2 {
	flex: 2;
}

.flex-3 {
	flex: 3;
}

.flex-4 {
	flex: 4;
}

.flex-5 {
	flex: 5;
}

/* #ifndef APP-PLUS-NVUE */
.flex-shrink {
	flex-shrink: 0;
}

/* #endif */
/* .container {
	padding-right: 20rpx;
	padding-left: 20rpx;
} */

/*  -- 内外边距 -- */
.m-0 {
	margin: 0;
}

/* #ifndef APP-PLUS-NVUE */
.m-auto {
	margin: auto;
}

/* #endif */
.m-1 {
	margin: 10rpx;
}

.m-2 {
	margin: 20rpx;
}

.m-3 {
	margin: 30rpx;
}

.m-4 {
	margin: 40rpx;
}

.m-5 {
	margin: 50rpx;
}

.mt-0 {
	margin-top: 0;
}

/* #ifndef APP-PLUS-NVUE */
.mt-auto {
	margin-top: auto;
}

/* #endif */
.mt-1 {
	margin-top: 10rpx;
}

.mt-2 {
	margin-top: 20rpx;
}

.mt-3 {
	margin-top: 30rpx;
}

.mt-4 {
	margin-top: 40rpx;
}

.mt-5 {
	margin-top: 50rpx;
}

.mb-0 {
	margin-bottom: 0;
}

/* #ifndef APP-PLUS-NVUE */
.mb-auto {
	margin-bottom: auto;
}

/* #endif */
.mb-1 {
	margin-bottom: 10rpx;
}

.mb-2 {
	margin-bottom: 20rpx;
}

.mb-3 {
	margin-bottom: 30rpx;
}

.mb-4 {
	margin-bottom: 40rpx;
}

.mb-5 {
	margin-bottom: 50rpx;
}

.ml-0 {
	margin-left: 0;
}

/* #ifndef APP-PLUS-NVUE */
.ml-auto {
	margin-left: auto;
}

/* #endif */
.ml-1 {
	margin-left: 10rpx;
}

.ml-2 {
	margin-left: 20rpx;
}

.ml-3 {
	margin-left: 30rpx;
}

.ml-4 {
	margin-left: 40rpx;
}

.ml-5 {
	margin-left: 50rpx;
}

.mr-0 {
	margin-right: 0;
}

/* #ifndef APP-PLUS-NVUE */
.mr-auto {
	margin-right: auto;
}

/* #endif */
.mr-1 {
	margin-right: 10rpx;
}

.mr-2 {
	margin-right: 20rpx;
}

.mr-3 {
	margin-right: 30rpx;
}

.mr-4 {
	margin-right: 40rpx;
}

.mr-5 {
	margin-right: 50rpx;
}

.my-0 {
	margin-top: 0;
	margin-bottom: 0;
}

/* #ifndef APP-PLUS-NVUE */
.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}

/* #endif */
.my-1 {
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}

.my-2 {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.my-3 {
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}

.my-4 {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}

.my-5 {
	margin-top: 50rpx;
	margin-bottom: 50rpx;
}

.mx-0 {
	margin-left: 0;
	margin-right: 0;
}

/* #ifndef APP-PLUS-NVUE */
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

/* #endif */
.mx-1 {
	margin-left: 10rpx;
	margin-right: 10rpx;
}

.mx-2 {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mx-3 {
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.mx-4 {
	margin-left: 40rpx;
	margin-right: 40rpx;
}

.mx-5 {
	margin-left: 50rpx;
	margin-right: 50rpx;
}

.p-0 {
	padding: 0;
}

.p {
	padding: 5rpx;
}

.p-1 {
	padding: 10rpx;
}

.p-2 {
	padding: 20rpx;
}

.p-3 {
	padding: 30rpx;
}

.p-4 {
	padding: 40rpx;
}

.p-5 {
	padding: 50rpx;
}

.pt-0 {
	padding-top: 0;
}

.pt {
	padding-top: 5rpx;
}

.pt-1 {
	padding-top: 10rpx;
}

.pt-2 {
	padding-top: 20rpx;
}

.pt-3 {
	padding-top: 30rpx;
}

.pt-4 {
	padding-top: 40rpx;
}

.pt-5 {
	padding-top: 50rpx;
}

.pb-0 {
	padding-bottom: 0;
}

.pb-1 {
	padding-bottom: 10rpx;
}

.pb {
	padding-bottom: 5rpx;
}

.pb-2 {
	padding-bottom: 20rpx;
}

.pb-3 {
	padding-bottom: 30rpx;
}

.pb-4 {
	padding-bottom: 40rpx;
}

.pb-5 {
	padding-bottom: 50rpx;
}

.pl-0 {
	padding-left: 0;
}

.pl {
	padding-left: 5rpx;
}

.pl-1 {
	padding-left: 10rpx;
}

.pl-2 {
	padding-left: 20rpx;
}

.pl-3 {
	padding-left: 30rpx;
}

.pl-4 {
	padding-left: 40rpx;
}

.pl-5 {
	padding-left: 50rpx;
}

.pr-0 {
	padding-right: 0;
}

.pr {
	padding-right: 5rpx;
}

.pr-1 {
	padding-right: 10rpx;
}

.pr-2 {
	padding-right: 20rpx;
}

.pr-3 {
	padding-right: 30rpx;
}

.pr-4 {
	padding-right: 40rpx;
}

.pr-5 {
	padding-right: 50rpx;
}

.py-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.py {
	padding-top: 5rpx;
	padding-bottom: 5rpx;
}

.py-1 {
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}

.py-2 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.py-3 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}

.py-4 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}

.py-5 {
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}

.px-0 {
	padding-left: 0;
	padding-right: 0;
}

.px-1 {
	padding-left: 10rpx;
	padding-right: 10rpx;
}

.px {
	padding-left: 5rpx;
	padding-right: 5rpx;
}

.px-2 {
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.px-3 {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.px-4 {
	padding-left: 40rpx;
	padding-right: 40rpx;
}

.px-5 {
	padding-left: 50rpx;
	padding-right: 50rpx;
}

/* 文字粗细和斜体 */
.font-weight-light {
	font-weight: 300;
}

/*细*/
.font-weight-lighter {
	font-weight: 100;
}

/*更细*/
.font-weight-normal {
	font-weight: 400;
}
.font-weight-500 {
	font-weight: 500;
}
/*正常*/
.font-weight-bold {
	font-weight: 700;
}

/*粗*/
.font-weight-bolder {
	font-weight: bold;
}


/*更粗*/
.font-italic {
	font-style: italic;
}

/*斜体*/
/* 内容溢出 */
.overflow-hidden {
	overflow: hidden;
}

.overflow-x {
	overflow-x: hidden;
}

/* 定位 */
.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-fixed {
	position: fixed;
}

/* 定位 - 固定顶部 */
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

/* 定位 - 固定底部 */
.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

.top-0 {
	top: 0;
}

.left-0 {
	left: 0;
}

.right-0 {
	right: 0;
}

.bottom-0 {
	bottom: 0;
}

/* 圆角 */
.rounded {
	border-radius: 10rpx;
}

.rounded-lg {
	border-radius: 14rpx;
}

.rounded-top {
	border-top-left-radius: 10rpx;
	border-top-right-radius: 10rpx;
}

.rounded-top-lg {
	border-top-left-radius: 14rpx;
	border-top-right-radius: 14rpx;
}

.rounded-right {
	border-top-right-radius: 10rpx;
	border-bottom-right-radius: 10rpx;
}

.rounded-bottom {
	border-bottom-right-radius: 10rpx;
	border-bottom-left-radius: 10rpx;
}

.rounded-bottom-lg {
	border-bottom-right-radius: 14rpx;
	border-bottom-left-radius: 14rpx;
}

.rounded-top-right {
	border-top-right-radius: 10rpx;
}

.rounded-top-right-lg {
	border-top-right-radius: 14rpx;
}

.rounded-top-left {
	border-top-left-radius: 10rpx;
}

.rounded-top-left-lg {
	border-top-left-radius: 14rpx;
}

.rounded-bottom-right {
	border-bottom-right-radius: 10rpx;
}

.rounded-bottom-right-lg {
	border-bottom-right-radius: 14rpx;
}

.rounded-bottom-left {
	border-bottom-left-radius: 10rpx;
}

.rounded-bottom-left-lg {
	border-bottom-left-radius: 14rpx;
}

.rounded-left {
	border-top-left-radius: 10rpx;
	border-bottom-left-radius: 10rpx;
}

.rounded-circle {
	border-radius: 100rpx;
}

.rounded-0 {
	border-radius: 0;
}

/* 字体大小 */
.font32{
	font-size: 32rpx;
}

.font20 {
	font-size: 20rpx;
}

.font22 {
	font-size: 22rpx;
}

.font24 {
	font-size: 24rpx;
}

.font26 {
	font-size: 26rpx;
}

.font28 {
	font-size: 28rpx;
}

.font30 {
	font-size: 30rpx;
}

.font32 {
	font-size: 32rpx;
}

.font34 {
	font-size: 34rpx;
}

.font36 {
	font-size: 36rpx;
}

.font38 {
	font-size: 38rpx;
}
.font40 {
	font-size: 40rpx;
}
.font46 {
	font-size: 46rpx;
}

/* 文字超出 */
.ellipsis2 {
	/* #ifdef APP-NVUE */
		lines: 2;
		text-overflow: ellipsis;
		overflow: hidden;
		flex: 1;
	/* #endif */
	/* #ifndef APP-NVUE */
		display: -webkit-box!important;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical!important;
	/* #endif */
}

.ellipsis {
	/* #ifdef APP-NVUE */
		lines: 1;
		text-overflow: ellipsis;
		overflow: hidden;
		flex: 1;
	/* #endif */
	/* #ifndef APP-NVUE */
		display: -webkit-box!important;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical!important;
	/* #endif */
}

.ellipsis3 {
	/* #ifdef APP-NVUE */
		lines: 3;
		text-overflow: ellipsis;
		overflow: hidden;
		flex: 1;
	/* #endif */
	/* #ifndef APP-NVUE */
		display: -webkit-box!important;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical!important;
	/* #endif */
}

/* 布局 */

.grid-col1 {
	/* #ifndef APP-NVUE */
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	/* #endif */
}

.grid-col2 {
	/* #ifndef APP-NVUE */
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* #endif */
}

.grid-col3 {
	/* #ifndef APP-NVUE */
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/* #endif */
}

.grid-col4 {
	/* #ifndef APP-NVUE */
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/* #endif */
}

.grid-space10 {
	gap: 10px;
}

.grid-space8 {
	gap: 8rpx;
}
/* 盒子 */
.box-border {
	box-sizing: border-box;
}

/* 边框 */
.border {
	border-width: 1rpx;
	border-style: solid;
	border-color: #efefef;
}

.border-top {
	border-top-width: 1rpx;
	border-top-style: solid;
	border-top-color: #efefef;
}

.border-right {
	border-right-width: 1rpx;
	border-right-style: solid;
	border-right-color: #efefef;
}

.border-bottom {
	border-bottom-width: 1rpx;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
}

.border-left {
	border-left-width: 1rpx;
	border-left-style: solid;
	border-left-color: #efefef;
}

.border-0 {
	border-width: 0 !important;
}

.border-top-0 {
	border-top-width: 0 !important;
}

.border-right-0 {
	border-right-width: 0 !important;
}

.border-bottom-0 {
	border-bottom-width: 0 !important;
}

.border-left-0 {
	border-left-width: 0 !important;
}

.border-black {
	border-color: #ededed !important;
}

.border-account-btn {
	border-color: #7e612a;
}

.star-box-border {
	border-color: #483b22;
}

.star-tab-border {
	border-color: #292a3d;
}

.video-item-border {
	border-color: #ffffff;
}

/* 字体样式 */
/* @font-face {
	font-family: 'youshe';
	src: url('/static/font/youshe.ttf') format('truetype');
}

.yousheFont {
	font-family: 'youshe';
} */

/* 字体颜色 */
.colorM {
	color: #cccccc;
}

.color333 {
	color: #333333;
}

.colorF {
	color: #ffffff;
}

.colorC {
	color: #999999;
}

.colorZ {
	color: #e5bd84;
}

.color7e {
	color: #7e612a;
}

.color1 {
	color: #ededed;
}

.color3 {
	color: #323232;
}

.color4 {
	color: #454545;
}

.color6 {
	color: #676869;
}

/* 字体大小 */
.font20 {
	font-size: 20rpx;
}

.font22 {
	font-size: 22rpx;
}

.font24 {
	font-size: 24rpx;
}

.font26 {
	font-size: 26rpx;
}

.font28 {
	font-size: 28rpx;
}

.font30 {
	font-size: 30rpx;
}

.font32 {
	font-size: 32rpx;
}

.font34 {
	font-size: 34rpx;
}

.font36 {
	font-size: 36rpx;
}

.font38 {
	font-size: 38rpx;
}

.font46 {
	font-size: 46rpx;
}

/* 文字超出 */
.ellipsis2 {
	/* #ifdef APP-NVUE */
		lines: 2;
		text-overflow: ellipsis;
		overflow: hidden;
		flex: 1;
	/* #endif */
	/* #ifndef APP-NVUE */
		display: -webkit-box!important;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical!important;
	/* #endif */
}

.ellipsis {
	/* #ifdef APP-NVUE */
		lines: 1;
		text-overflow: ellipsis;
		overflow: hidden;
		flex: 1;
	/* #endif */
	/* #ifndef APP-NVUE */
		display: -webkit-box!important;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical!important;
	/* #endif */
}

.flex-center {
	justify-content: center;
	align-items: center;
}

.width_5-6 {
	width: 100%;
	aspect-ratio: 5/6;
}

/* 层级 */
.zindex1 {
	z-index: 10;
}

.zindex2 {
	z-index: 20;
}

.zindex3 {
	z-index: 30;
}

.zindex4 {
	z-index: 40;
}

.zindex5 {
	z-index: 50;
}

.zindex6 {
	z-index: 60;
}

.zindex7 {
	z-index: 70;
}

/* 圆角 */
.rounded-left-circle {
	border-bottom-left-radius: 99rpx;
	border-top-left-radius: 99rpx;
}

/* 边距 */
.safe-bottom {
	/* #ifndef APP-NVUE */
	padding-bottom: constant(safe-area-inset-bottom) !important;
	padding-bottom: env(safe-area-inset-bottom) !important;
	/* #endif */
	
}